*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
h4{
    display: inline-block;
    padding: 0px 40px 0px 0px;
    color: #222222;
}
#main{
    #userinfo{
        padding: 5px;
        position: absolute;
        top: 10px;
        left: 100px;
        .username{
            width: 300px;
            padding: 5px;
            position: absolute;
            top: 0;
            left: 20px;
            color: #362822;
        }
        .username:hover{
            color: #84CFF6;
        }
        .date{
            width: 150px;
            padding: 5px;
            position: absolute;
            top: 0;
            left: 500px;
        }
        .reply{
            width: 150px;
            padding: 5px;
            position: absolute;
            top: 0;
            left: 600px;
            color: #E15F63;
        }
        .star{
            padding: 5px;
            position: absolute;
            top: 0;
            left: 900px;
            color: #B2B2B2;
        }
        .star:hover{
            text-decoration: none;
            color: #373636;
        }
        .arrow{
            padding: 5px;
            position: absolute;
            top: 0;
            left: 950px;
            color: #B2B2B2;
        }
        .arrow:hover{
            text-decoration: none;
            color: #373636;
        }
    }
    .user_message{
        padding: 5px;
        position: absolute;
        top: 30px;
        left: 120px;
        line-height: 1.6;
        font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
        color: #222;
        font-size: 14px;
        
    }
}
#editor{
    display: none;
    height: 250px;
    border-top: 1px solid #E7E7EB;
    margin-top: 20px;
}

#info{
    border: 1px solid #dcdcdc;
    padding: 15px;
    width: 300px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 68px;
    z-index: 999;
    table{
        margin-bottom: 0;
    }
}














